<section id="exclusive_service_create" class="ml-24 mr-24">
    <div class="clearfix ptb-10 border-b">
        <h4 class="pull-left line-height-34">新建负责人</h4>
    </div>
    <!-- 录入信息 -->
    <div class="clearfix ertry-container">
        <ul>
            <li>负责地区：</li>
            <li><input type="text" v-model="responsible_area"></li>
        </ul>
        <ul>
            <li>负责人：</li>
            <li><input type="text" v-model="responsible_user_name"></li>
        </ul>
        <ul>
            <li>电话：</li>
            <li><input type="number" v-model="responsible_user_mobile" oninput="if(value.length>11)value=value.slice(0,11)"></li>
        </ul>
        <ul style="margin-bottom:20px">
            <li>微信：</li>
            <li><input type="text" v-model="responsible_user_wechat"></li>
        </ul>
        <ul>
            <li style="width:80px">发布对象：</li>
            <li style="width:900px;align-items: center" class="dy-flex">
                <button type="button" class="btn s-btn-default" @click="selectOrg">选择组织</button>
                <span style="margin-left:20px;" v-if="organizations.length">
                    (<span v-for="(item,index) in  organizations">{{item.shortName}}<span v-if="index != organizations.length-1">,</span></span>)
                </span>
            </li>
        </ul>
    </div>
    <button type="button" class="btn n-btn-primary" style="margin-right: 50px;" @click="sure_add_edit">确认</button>
    <!-- 绑定账号 -->
    <div class="mark-wx" v-if="isBindalert" id="dd-config">
        <div class="pop box-o-shadow ddAccount-pop" style="width:800px;">
            <div class="head-pop font-16"><span>账号绑定</span>
                <button class="fw-close absolute close" type="button" @click="cancle">×</button>
            </div>
            <div class="content-pop">
                <div class="content clearfix" style="padding:0px 17px 30px;display: flex">
                    <div class="pull-left" style="width:350px;margin-right: 50px">
                        <p class="title">可选账号</p>
                        <div class="assignees-container">
                            <tree-org class="rbac-tissue" :key="index" @change="getPidData" :model="treeList" @getdata="getdata"
                                ref="child"></tree-org>
                        </div>
                    </div>

                    <div class="pull-right" style="width:400px">
                        <p class="title">账号绑定列表</p>
                        <div class="select-member-container" style="width:100%">
                            <ul class="select-member-wrap" v-for="(item,index) in orgItemList">
                                <li :title="item.name">{{item.shortName}}</li>
                                <li><span class="icon-Gm-delete" style="cursor: pointer;" @click="reduce(item.memberOrgId)"></span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fw-button">
                <button type="button" class="fw-submit yes mr-10" @click="sureselectOrg">确认</button>
                <button type="button" class="fw-submit no" @click="cancle">取消</button>
            </div>
        </div>

    </div>
</section>

<script src="modules/workbench/scripts/selectOrg.js" charset="utf-8"></script>
<script src="modules/workbench/scripts/exclusive_service_create.js" charset="utf-8"></script>
<style>
    .ertry-container {
        padding-top: 10px;
        border-bottom: 1px solid #F2F2F2;
        margin-bottom: 12px;
    }

    .ertry-container ul {
        margin-bottom: 12px;
        display: flex;
        align-items: center;
    }

    .ertry-container ul li:first-child {
        width: 80px;
        font-size: 14px;
        color: #666;
    }

    .ertry-container ul li input {
        width: 130px;
        height: 34px;
        border: 1px solid #E5E5E5;
        /* outline: none; */
        border-radius: 4px;
        text-indent: 5px;
        box-shadow: 0 0 4px rgba(214, 214, 214, .75) inset;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }
</style>
